<template>
  <div>
    <!-- mode="alternate" -->
    <a-timeline
      :reverse="true"
      pending="Recording..."
      mode="right"
    >
      <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
      <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>
      <a-timeline-item color="red">
        <template #dot>自定义</template>
        Technical testing 2015-09-01
      </a-timeline-item>
      <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>
      <a-timeline-item color="green">Network problems being solved 2015-09-01</a-timeline-item>
    </a-timeline>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
